@import "compass/reset";

$rootFont : 100;
@function pxToRem($px){
  @return ($px / $rootFont) * 1rem;
}



@mixin border_1px_bottom($color){
  &:after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:$color;
    transform: scaleY(0.5);
    -wbkit-transform: scaleY(0.5);
    position:absolute;
    left:0;
    bottom:0;
  }
}





* {margin: 0; padding: 0; border:0 none; outline:none; box-sizing: content-box; -webkit-tap-highlight-color:rgba(255,255,255,0);}
html {height: 100%;}
body {width:100%; height:100%; font-family:"microsoft yahei","黑体",Arial, Helvetica, sans-serif; font-size: 0.28rem; color:#a5a8af;}
h1,h2,h3,h4,h5,h6{font-weight:300;}
ul,dl,li{list-style: none;}
a {color: #a5a8af;text-decoration: none;}
a:hover {text-decoration: none;}
img{display:block; border:none 0;}
input{background:none; border:none; box-shadow: none;-webkit-appearance: none;}
.clearfix:after{content:""; display:block; height:0; width:100%; clear:both; visibility: hidden;}

textarea{-webkit-appearance: none;}
*::-webkit-input-placeholder { color:#b2c4cc; font-size:0.26rem; }
.underLine:after{content:""; position:absolute;left:0;bottom:0; display:block;height:1px;width:100%;background:#e5e5e5; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); }


body{min-width:300px;max-width:640px; margin:0 auto; cursor:pointer;}
.noScroll{height:100%;width:100%;overflow:hidden;}

